<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>最新资讯</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/swiper-3.4.0.min.css" rel="stylesheet">
<link href="css/reset.css" rel="stylesheet">
<link href="css/zixun.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="font/iconfont.css" rel="stylesheet">
<script src="js/phone.js"></script>
<script src="js/swiper-3.4.0.min.js"></script>
</head>
<body>
    <header class="clearfix">
        <a class="fl" onclick="JavaScript:history.back(-1);" style="font-size: .3rem;margin-top: .28rem">
            &nbsp;&lt;返回
        </a>
        <h1 class="fl">
            <i style="font-size: .4rem;" class="iconfont icon-shouye"></i>
            <span>最新资讯</span>
        </h1>
        <a class="fl clearfix" href="personalCenter.html">
            <i style="margin-top: .09rem;" class="user-icon iconfont icon-head fr"></i>
        </a>
    </header>
    <!-- 头部 结束 -->
    <!-- banner  开始 -->
<div class="container">
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/tu1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/tu1.png" alt=""></div>
                <div class="swiper-slide"><img src="img/tu3.png" alt=""></div>
                <div class="swiper-slide"><img src="img/tu3.png" alt=""></div>
            </div>
        </div>
        <div class="wrapper">
        <p><i class="iconfont icon-laba"></i>深圳家具展设计玩出新高度,智能集体争宠 设计玩出新高度</p>
        </div>
    </div>
<!-- banner 结束 -->
<!-- 中间部分 开始 -->
    <section>
        <a href="" class="huan">换一批</a>
        <div class="selfhood">
            <div class="print"><a href=""><img src="img/tu3.jpg" alt=""></a></div>
            <div class="text">
                <h4>懒人最爱的个性卧室家具</h4>
                <ul>
                    <li><a href="">1、气质家具打造敞亮宜人卧室</a></li>
                    <li><a href="">2、优雅的英式家具打造英伦家</a></li>
                    <li><a href="">3、艳丽家具打造暖意亮眼空间</a></li>
                </ul>
            </div>
        </div>
        <div class="selfhood">
            <div class="print"><img src="img/tu4.jpg" alt=""></div>
            <div class="text">
                <h4>酒柜怎么装才能好用又时尚</h4>
                <ul >
                    <li><a href="">1、高效能人士的3招书房整理术</a></li>
                    <li><a href="">2、卧室收纳小贴士为家扩容</a></li>
                    <li><a href="">3、玄关布局技巧为家添印象分</a></li>
                </ul>
            </div>
        </div>
    </section>
</div>
<!-- 中间部分 结束 -->
<!-- 底部  开始 -->
    <footer>
        <ul class="clearfix">
            <li>
                <a href="index.html">
                    <div class="footer-icon iconfont icon-shouye-copy"></div>
                    <p>首页</p>
                </a>
            </li>
            <li><a href="furnitureClassify.html">
                <div class="footer-icon iconfont icon-fenlei"></div>
                <p>分类</p></a>
            </li>
            <li><a href="community.html">
                <div class="footer-icon iconfont icon-shequ"></div>
                <p>社区</p></a>
            </li>
            <li><a href="Carlist.html">
                <div class="footer-icon iconfont icon-iconfontgouwuche"></div>
                <p>购物车</p></a>
            </li>
            <li><a href="customize.html">
                <div class="footer-icon iconfont icon-pan"></div>
                <p>我的定制</p></a>
            </li>
            <li><a href="personalCenter.html">
                <div class="footer-icon iconfont icon-geren"></div>
                <p>个人中心</p></a>
            </li>
        </ul>
    </footer>

<!-- 底部  结束 -->
    
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <script>
            var mySwiper = new Swiper('.swiper-container',{
            effect : 'fade',
            autoplay : 2000,
            fade: {
            crossFade: true,
        }
            } )
            var page=0;
            $(".huan").on("click",function(){
                alert(111);
                // page++;
                // $.ajax({
                //     type:"POST",
                //     url:"news.php",
                //     data:"page="+page,
                //     dataType:"json",
                //     success:function(data){
                //         console.log(data)
                //     }
                // })
            })
    </script>
</body>
</html>